@mixin cover-all {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

[bs-overlay] {

    @include cover-all;
    background: rgba(black, .9);
    padding: $base-spacing*2 $half-spacing;
    color: $white;
    text-align: center;
    visibility: hidden;
    z-index: 2000;

    &.active {
        visibility: visible;
    }

    * {
        color: $white;
    }

    [bs-svg-icon] {
        width: 40px;
        height: 40px;
        @include media-query(min, $lap-start) {
            width: 100px;
            height: 100px;
        }
    }
}